<template>
	<view class="box u-flex">
		<view class="u-flex-1 u-p-20">
			<view class="title">
				好吃点
			</view>
			<view class="subtitle">
				美国大樱桃尝鲜
			</view>
			<view class="u-flex u-row-around">
				<u-image width="100rpx" height="100rpx" src="/static/icon/icon6.png"></u-image>
				<u-image width="100rpx" height="100rpx" src="/static/icon/icon10.png"></u-image>
			</view>
		</view>
		<u-line direction='col' color='#f3f3f4' style='height: 200rpx;'></u-line>
		<view class="u-flex-1 u-p-20">
			<view class="title">
				产地量贩
			</view>
			<view class="subtitle">
				凤梨19.9/箱
			</view>
			<view class="u-flex u-row-around">
				<u-image width="100rpx" height="100rpx" src="/static/icon/icon6.png"></u-image>
				<u-image width="100rpx" height="100rpx" src="/static/icon/icon10.png"></u-image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.box{
	background-color: #FFFFFF;
	border-radius: 10rpx;
}
.title{
	font-weight: 600;
}
.subtitle{
	color: #999;
	font-size: 24rpx;
	padding: 10rpx 0;
}
</style>
